@inject('staff','App\Models\Staff')
<div class="swiper-containerlittle">
    <div class="swiper-wrapper">
        @foreach($staff::all() as $swiper)
            <div class="swiper-slide  flex flex-col items-center justify-center mt-5">
                <div class="te_ct">
                    <img class=" pic rounded-full"
                         style="width:200px;height:200px;" src="{{$swiper->preview}}">
                </div>
                <p class="l1 mt-4 text-white">{{$swiper->name}}</p>
                <p class="l2 text-white mt-3">{{$swiper->introduce}}</p>
            </div>
        @endforeach
    </div>
</div>
<style>

</style>
@push('scripts')
    <script type="text/javascript" defer>
        var otherSwiper = new Swiper('.swiper-containerlittle', {
            setWrapperSize: true,
            autoplay: 3000,
            centeredSlides: true,//居中
            slidesPerView: 3,
            direction: 'horizontal',
            loop: true,
            // 如果需要分页器
        })
    </script>
@endpush

